﻿@{
    ViewBag.Title = "Home Page";
}

@Styles.Render("~/Content/revealcss")
@Scripts.Render("~/bundles/reveal")
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
@Styles.Render("~/Content/scrollcss")
@Scripts.Render("~/bundles/scrolljs")
@Styles.Render("~/Content/css")
<div class="wrapper">
    <ol class="curtains">

        <!--<li id="section-1" class="cover" data-parallax-background="-.05">-->
        <li id="section-1" class="cover">
            <div>
                <iframe src="//www.youtube.com/embed/AYaMPtFgchs?rel=0&amp;showinfo=0" frameborder="1" width="950" height="512" webkitallowfullscreen mozallowfullscreen allowfullscreen data-fade="550" data-slow-scroll="1"></iframe>
                <h1 data-fade="550" data-slow-scroll="1">Trifecta</h1>
                @*<header data-fade="550" data-slow-scroll="3">
                    </header>*@
            </div>
        </li>


        <!--<li id="section-video" class="cover">
            <iframe src="//player.vimeo.com/video/87988379?loop=1" width="1050" height="612" frameborder="0" style="top: 120px; left: 420px; position: absolute; z-index: 2;" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>


            <ul>
                <li><img src="../images/sushi.png" alt="" style="height:auto; width:auto; max-width:500px; max-height:500px;" /></li>
                <li><img src="../images/spa.png" alt="" style="height:auto; width:auto; max-width:650px; max-height:650px;"/></li>
                <li><p><font face="century gothic" size="20">With all your savings, <br />your community benefits!</font></p></li>
                <li><img src="../images/marry.png" alt="" style="height:auto; width:auto; max-width:700px; max-height:750px;" /></li>


            </ul>



                @*<header data-fade="550" data-slow-scroll="3">
                    </header>*@
        </li>-->


        <li id="section-2" class="cover">

            <ul>
                <li><img src="../images/tscardsized.png" alt="" /></li>
                <li><img src="../images/carousel2.jpg" alt="" /></li>
                <li><img src="../images/cavanphoto-19.jpg" alt="" /></li>
                <li><img src="../images/cavanphoto-13.jpg" alt="" /></li>
                <li><font face="Brush Script MT"> Get Your Trifecta Card Today!</font></li>
                <li><font face="Brush Script MT">...and see more places...</font></li>
                <li><font face="Brush Script MT">...Spend less...</font></li>
                <li><font face="Brush Script MT">Enjoy more ...</font></li>
            </ul>

            <article>
                <h4>For our consumers</h4>
                <hr>
                <font face="century gothic">
                    <p>
                        Our program allows consumers (Absolutely FREE!) to instantly save money with local merchants while knowing their dollars are going to support great cause.
                    </p>
                    <p>
                        To obtain a card, simply click @Html.ActionLink("here", "Map", "Merchant") to find a card distribution center near you.<br>
                    </p>
                </font>
                <br />
                <h4>How it works?</h4>
                <hr><font face="century gothic">
                    <p>Once you have your Trifecta Source card, you can begin to use your card at local supporting @Html.ActionLink("retailers", "Map", "Merchant") and start saving.</p>
                    <p>
                        Also, @Html.ActionLink("create an account", "Register", "Account") to view all of your past transaction and reward point balance.
                    </p>

                </font>

            </article>

        </li>


        <li id="section-3" class="cover">
            <section class="merchant">
                <div>
                    <h4>For our business owners</h4>
                    <p>Trifecta Source's goal is to provide social marketing solutions to businesses and merchants, in a cost-effective manner, to enable them to leverage our services to grow their business. We understand that there are business owners and merchants who don't have the time or resources to create large-scale marketing solutions for their business. Trifecta Source provides services to allow the business to control their direct sales and marketing channels, without having to understand and manage all of the details that can distract you from effectively running your business.</p>
                    <img src="../Images/tritabhands.png" />
                </div>
                <div>
                    <footer id="footer">

                        <div class="footertext">

                            @Html.ActionLink("Home", "Index", "Home") |
                            @Html.ActionLink("About", "About", "Home") |
                            @Html.ActionLink("Contact", "Contact", "Home") |
                            @Html.ActionLink("Map", "Map", "Merchant")
                        </div>

                        <div class="copyright">
                            &copy; @DateTime.Now.Year - Trifecta Source LLC
                        </div>
                        <!--
                        <div class="facebook">
                            <a href="https://www.facebook.com/pages/Trifecta-Source/324939467550855"><img src="../images/fbsmall.jpg" /></a>

                        </div>
                        <div class="twitter">
                            <a href="https://twitter.com/trifectasource"><img src="../images/twitter.jpg" /></a>
                        </div>
                            -->

                    </footer>
                </div>
            </section>
        </li>
    </ol>
</div>

        
   



<script type="text/javascript">
    $(function () {
        $('.curtains').curtain({
            scrollSpeed: 300,
            controls: '.menu',
            curtainLinks: '.curtain-links',
            nextSlide: function () {
                console.log("ok");
            }
        });
    });


</script>

